<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <input type="button" value="按钮" id="btn">
  <!-- <script src="user1.js"></script>
  <script src="user2.js"></script> -->

  <script>
    var btn = document.getElementById('btn');

    // 注册事件的第一种方式
    // 无法给同一个对象的同一个事件注册多个事件处理函数
    btn.onclick = function () {

    }

    btn.onclick = function () {

    }

    // 浏览器兼容性问题  IE9以后才支持
    btn.addEventListener('click', function () {
      alert('hello world');
    })

    btn.addEventListener('click', function () {
      alert('hello itheima');
    })

    // 注册事件的第三种方式  attachEvent
    // 浏览器兼容性问题  IE的老版本特有的方法  IE6-10支持
    btn.attachEvent('onclick', function () {
      alert('hello world');
    });

    btn.attachEvent('onclick', function () {
      alert('hello itheima');
    });
  </script>
</body>
</html>
